<?php
	require 'main.php';
	require("header.php");
class filtro_directorio extends FilterIterator
{
	public function accept()
	{
		return $this->current()->isDir() && !$this->current()->isDot();
	}
}
function plantilla_bloques($path,$title,$description)
{
	$url_jquery = '?iframe=true&amp;width=100%&amp;height=100%';
	return <<<HTML
	<div class="boxPrg">
		<div id="prg1" style="background:url($path/thumb.gif) no-repeat"></div>
		<div id="prg2" ><a href="$path/demo.php$url_jquery" class="prog" rel="visor[iframe]" title="$description">$title</a><span class="webT">$description</span></div>
	</div>
HTML;
}
//listamos los directorios de ejemplos
$directorio = new filtro_directorio(new DirectoryIterator(__DIR__.'/portafolio/programacion')) ;
//echo iterator_count($directorio);
//paginamos los resultados
$paginator = new paginator(iterator_count($directorio));
//indicamos cuantos resultados por pagina queremos mostrar
$paginator->resultsPerPage(2);
$paginator->currentPage(system::getNotEmpty($_GET['hoja'],1));
//procesamos la paginacion
$paginator->paginate();
?>
	<link href="css/styles.css" rel="stylesheet" type="text/css" />
	<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
	<link href="css/fonts.css" rel="stylesheet" type="text/css" />
	<link href="css/sombras.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("a[rel^='visor']").prettyPhoto();
			if( window.location.hash)
			{
				part1 = window.location.hash.split('#')[1];
				parts =  part1.split('/');
				var rel = parts[0];
				var index = parts[1];
				//alert(rel);
				$("a[rel='"+rel+"']")[index].click();
			}
		});
	</script>
	<div id="wrapper">
		<section class="banner">
			<div class="bann bann-sombra">
				<img src="img/bann7.jpg" alt="banner" class="fotBan" />
			</div><!--end ban1-->
			<div class="bann2">
				<h1 class="titu">PROGRAMACI&Oacute;N</h1>
				<h6 class="titul">En esta secci&oacute;n se muestra ejemplos de programaci&oacute;n, completamente operativos y funcionales.</h6>
			</div><!--end ban2-->
		</section><!--end banner-->
		<section id="menues">
<?php
	require("slideMenu.php");
?>
		</section><!--end menu section-->
		<!--<div id="container">-->
			<div id="contenidos">
				<div id="webContent">
<?php
	//procesamos los directorios de ejemplos
	foreach(new LimitIterator($directorio,$paginator->getFirst(),2) as $dir)
	{
		$xml = simplexml_load_file($dir->getPathname() .DS .'data.xml');
		echo plantilla_bloques(BASE_URL . '/portafolio/programacion/'.$dir->getFilename(),$xml->title,$xml->description);
	}
?>	
					<div class="paginator">
						<span><a href="?hoja=1#webContent" class="first">Primero</a></span>
						<?php	foreach($paginator->arrayPages() as $page):
						echo $page != $paginator->getcurrentPage() 
							? '<a href="?hoja='. $page .'#webContent">'.  $page .'</a>'
							: '<a class="selected">'.  $page .'</a>';
						endforeach;?>
						<span class="last"><a href="?hoja=<?=$paginator->getLast()?>#webContent">Ultimo</a></span>
					</div>
				</div><!--end webContent-->
			</div><!--end contenidos-->
		<!--</div>-->
	</div><!--end wrapper-->
<style type="text/css">
	.paginator a
	{
		border:1px solid #CDCDCD;
		border-radius:5px;
		color: #5F7F9E;
		margin: 0 5px;
		padding: 5px;
			-webkit-transition:color .3s ease-in;  
			-moz-transition:color .3s ease-in;  
			-o-transition:color .3s ease-in;  
			transition:color .3s ease-in; 
	}
	.paginator a[href]:hover,
	.paginator .selected
	{
		background-color:#5F7F9E;
		color:#fff;
	}
</style>
<?php
	require("footer.html");
?>